﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RelatedInformation.aspx.cs"
    Inherits="secure_zk_PGB_Assignment_AddIB_RelatedInformation" EnableTheming="true"
    Theme="BlueTheme" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc2" %>
<%@ Register Assembly="EISharedComponents" Namespace="tba.azr.EISharedComponents"
    TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .step3Control
        {
            width: 310px;
        }
        .step4Control
        {
            width: 220px;
        }
        .modalProgressBackground
        {
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            text-align: center;
            z-index: 1000;
            background-color: Transparent;
            filter: alpha(opacity=20);
            opacity: .20;
        }
        .modalBackground
        {
            background-color: Gray;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }
        .modalPopup
        {
            background-color: #659dd1;
            border-width: 3px;
            border-style: solid;
            border-color: Gray;
            padding: 3px;
            width: 300px;
            position: absolute;
        }
        .box
        {
            border: 1px solid #C0C0C0;
            width: 220px;
            height: 19px;
            clip: rect(0px,221px,18px,0px);
            overflow: hidden;
        }
        .box2
        {
            border: 1px solid #F4F4F4;
            width: 220px;
            height: 17px;
            clip: rect(0px,219px,16px,0px);
            overflow: hidden;
        }
        select.nice
        {
            position: relative;
            left: -2px;
            top: -2px;
            font-size: 12px;
            width: 500px;
            line-height: 14px;
            border: 0px;
            color: #414141;
        }
    </style>
    <script type="text/javascript">
        var launch = false;

        function launchModal() {
            launch = true;
        }

        function pageLoad() {
            if (launch) {
                $find("mpe").show();
            }
        }

        function discontrol(itemid) {
            if (document.getElementById(itemid).style.display == 'none') {
                document.getElementById(itemid).style.display = "";
            }
            else {
                document.getElementById(itemid).style.display = "none";
            }
        }

        function validateNaam2() {
            if (document.getElementById("Naamcode2_radCOD701_NEN_0").checked
                && document.getElementById("Naam2_txtNAM196_NEN").value.length > 0) {
                document.getElementById("Naam2_regNAM196_NEN").style.display = "inline";
                document.getElementById("Naam2_regNAM196_NEN").innerHTML = "Als Naam cliënt(02) gevuld is, moet Naamcode(02) ook gevuld zijn.";

                return false;
            } else if (document.getElementById("Naamcode2_radCOD701_NEN_1").checked
                      && document.getElementById("Naam2_txtNAM196_NEN").value.length == 0) {
                document.getElementById("Naam2_regNAM196_NEN").style.display = "inline";
                document.getElementById("Naam2_regNAM196_NEN").innerHTML = "Als Naamcode cliënt(02) gevuld is, moet Naam(02) ook gevuld zijn.";

                return false;
            }

            return true;
        }
    </script>
    <script language="javascript" src="../../../JScript.js" type="text/javascript"></script>
    <script src="../../../../../wz_tooltip.js" type="text/javascript"></script>
    <script src="../../../../../js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../../../../../js/jquery-ui-1.8.4.custom.min.js" type="text/javascript"></script>
    <script src="../../../../../js/jquery.ui.datepicker-nl.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div id="title" class="aaHeaddiv">
            Gegevens cliënt en indicatiebesluit toevoegen</div>
        <!-- Step 2 (Client basic informations and address) -->
        <asp:Panel ID="Panel_Step2" runat="server">
            <!-- Client informations details (including address) -->
            <div id="clientInfo_div_details" style="padding: 10px">
                <fieldset id="clientInfo_fieldset_description" style="width: 800px;">
                    <legend><font class="linkStandaardGroen"><strong>Stap 2 van 4</strong></font></legend>
                    <table>
                        <tr id="TRClientType" runat="server" visible="false">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Cliënt Type
                            </td>
                            <td>
                                &nbsp;<asp:DropDownList ID="ddl_ClientType" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddl_ClientType_SelectedIndexChanged">
                                    <asp:ListItem Text="[Neen]" Value="0"></asp:ListItem>
                                    <asp:ListItem Text="BJZ Cliënt" Value="1" Selected="True"></asp:ListItem>
                                    <asp:ListItem Text="CIZ Cliënt" Value="2"></asp:ListItem>
                                </asp:DropDownList>
                                <asp:RangeValidator ID="RV_ClientType" runat="server" ErrorMessage="Dit is een verplicht veld"
                                    ControlToValidate="ddl_ClientType" MinimumValue="1" MaximumValue="2"></asp:RangeValidator>
                            </td>
                        </tr>
                        <tr id="TRNaam1" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Geboortenaam
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Naam1" runat="server" TypeBericht="AW33" VersieBericht="21"
                                    MaakHelp="false" HelpPlaatje="../../../img/help_small.jpg" Regel="02" VeldCode="NAM195_NEN"
                                    FoutPlaatje="../../../img/validator_error.png" WidthInputcontrol="400"></cc1:EIformcontrol2>
                            </td>
                        </tr>
                        <tr id="TRVoorvoegsel1" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Voorvoegsel
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Voorvoegsel1" runat="server" TypeBericht="AW33" VersieBericht="21"
                                    MaakHelp="false" HelpPlaatje="../../../img/help_small.jpg" Regel="02" VeldCode="NAM197_NEN"
                                    WidthInputcontrol="400"></cc1:EIformcontrol2>
                            </td>
                        </tr>
                        <tr id="TRVoorletters1" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Voorletters
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Voorletters" runat="server" HelpPlaatje="../../../img/help_small.jpg"
                                    MaakHelp="false" Regel="02" TypeBericht="AW33" VeldCode="NAM104_NEN" VersieBericht="21"
                                    FoutPlaatje="../../../img/validator_error.png" WidthInputcontrol="50" InputVerplicht="True"
                                    ValidatieInhoudelijk="true" AlternatievePatroon="^[a-zA-Z]+$" />
                            </td>
                        </tr>
                        <tr id="TRNaamcode1" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Voorkeursnaam
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Naamcode1" Enabled="true" runat="server" AlternatieveCodelijst=""
                                    TypeBericht="AW33" VersieBericht="21" HelpPlaatje="../../../img/help_small.jpg"
                                    MaakHelp="false" Regel="02" VeldCode="COD700_NEN" WidthInputcontrol="400"></cc1:EIformcontrol2>
                            </td>
                        </tr>
                        <tr id="TRNaam2" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Naam partner
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Naam2" runat="server" TypeBericht="AW33" VersieBericht="21"
                                    MaakHelp="false" HelpPlaatje="../../../img/help_small.jpg" Regel="02" VeldCode="NAM196_NEN"
                                    WidthInputcontrol="400"></cc1:EIformcontrol2>
                                <asp:Literal ID="ltl_Name2msg" runat="server"></asp:Literal>
                            </td>
                        </tr>
                        <tr id="TRVoorvoegsel2" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Voorvoegsel partner
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Voorvoegsel2" runat="server" TypeBericht="AW33" VersieBericht="21"
                                    MaakHelp="false" HelpPlaatje="../../../img/help_small.jpg" Regel="02" VeldCode="NAM198_NEN"
                                    WidthInputcontrol="400"></cc1:EIformcontrol2>
                            </td>
                        </tr>
                        <tr id="TRNaamcode2" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                NaamCode(02)
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Naamcode2" HorizontaalUitlijnen="false" runat="server" TypeBericht="AW33"
                                    VersieBericht="21" HelpPlaatje="../../../img/help_small.jpg" Regel="02" VeldCode="COD701_NEN"
                                    WidthInputcontrol="400" MaakHelp="false"></cc1:EIformcontrol2>
                            </td>
                        </tr>
                        <tr id="TRNaamcode3" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Naamgebruik
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Naamcode3" HorizontaalUitlijnen="false" runat="server" TypeBericht="AW33"
                                    VersieBericht="21" HelpPlaatje="../../../img/help_small.jpg" Regel="02" VeldCode="COD829_NEN"
                                    WidthInputcontrol="400" MaakHelp="false"></cc1:EIformcontrol2>
                            </td>
                        </tr>
                        <tr id="TRGeslacht" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Geslacht
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Geslacht" runat="server" HelpPlaatje="../../../img/help_small.jpg"
                                    HorizontaalUitlijnen="false" Regel="02" TypeBericht="AW33" VeldCode="COD365_NEN"
                                    MaakHelp="false" VersieBericht="21" WidthInputcontrol="400" />
                            </td>
                        </tr>
                        <tr id="TRGeboortedatum" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Geboortedatum
                            </td>
                            <td>
                                <table>
                                    <tr>
                                        <td><asp:TextBox ID="Geboortedatum" runat="server"></asp:TextBox></td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="RFV_ClientBirth" runat="server" ToolTip="Dit is een verplicht veld" 
                                                Display="Dynamic" ControlToValidate="Geboortedatum">
                                                <img  src ="../../../img/validator_error.png" alt =""/>
                                            </asp:RequiredFieldValidator>
                                            <%--<asp:RegularExpressionValidator ID="REV_ClientBirth" runat="server" ToolTip="Invalid format!" 
                                                Display="Dynamic" ControlToValidate="Geboortedatum" ValidationExpression="^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))$">
                                                <img  src ="../../../img/validator_error.png" alt =""/>
                                            </asp:RegularExpressionValidator>--%>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr id="TRBurgerlijkestaat" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Burgelijke staat
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Burgerlijkestaat" runat="server" TypeBericht="AW33" VersieBericht="21"
                                    MaakHelp="false" HelpPlaatje="../../../img/help_small.jpg" Regel="02" VeldCode="COD366_NEN"
                                    WidthInputcontrol="650"></cc1:EIformcontrol2>
                            </td>
                        </tr>
                        <tr id="TRBSN" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                BSN
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="BSN" runat="server" AlternatievePatroon="^[0-9]*$" HelpPlaatje="../../../img/help_small.jpg"
                                    Regel="02" TypeBericht="AW33" VeldCode="NUM312_GBA" VersieBericht="21" WidthInputcontrol="400"
                                    Enabled="False" MaakHelp="false" />
                            </td>
                        </tr>
                        <tr id="TRVerzekerdenummer" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Verzekerdenummer
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Verzekerdenummer" runat="server" TypeBericht="AW33" VersieBericht="21"
                                    MaakHelp="false" HelpPlaatje="../../../img/help_small.jpg" Regel="02" VeldCode="NUM003_ZNET"
                                    WidthInputcontrol="400" AlternatievePatroon="^[a-zA-Z0-9]{1,15}$"></cc1:EIformcontrol2>
                            </td>
                        </tr>
                        <tr id="TRLeefeenheid" runat="server">
                            <td colspan="2" style="text-align: center">
                                Leefeenheid
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="Leefeenheid" runat="server" TypeBericht="AW33" VersieBericht="21"
                                    MaakHelp="false" HelpPlaatje="../../../img/help_small.jpg" Regel="02" VeldCode="COD478_VEK2"
                                    WidthInputcontrol="430" CustomerOptions="true"></cc1:EIformcontrol2>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:HiddenField ID="HF_AddressID" runat="server" />
                            </td>
                            <td>
                                <strong><a>Adresgegevens</a></strong>
                            </td>
                        </tr>
                        <tr id="addressType" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Soort adres
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="soortadres" runat="server" HelpPlaatje="../../../img/help_small.jpg"
                                    Regel="05" TypeBericht="AW39" VeldCode="COD757_VEKT" WidthInputcontrol="300"
                                    MaakHelp="false" CustomerPGBAddressType="true" />
                            </td>
                        </tr>
                        <tr id="houseNumber" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Huisnummer
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="huisnummer" runat="server" AlternatievePatroon="^[0-9]*$"
                                    CustomerRequiredFieldValidated="true" HelpPlaatje="../../../img/help_small.jpg"
                                    FoutPlaatje="../../../img/validator_error.png" Regel="05" TypeBericht="AW39"
                                    VeldCode="NUM025_NEN1" MaakHelp="false" />
                                <asp:Literal ID="ltl_huisnummer_error" runat="server"></asp:Literal>
                            </td>
                        </tr>
                        <tr id="houseNumberAddition" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Huisnummertoevoeging
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="huisnummertoevoeging" runat="server" HelpPlaatje="../../../img/help_small.jpg"
                                    Regel="05" TypeBericht="AW39" VeldCode="NUM041_NEN1" MaakHelp="false" />
                            </td>
                        </tr>
                        <tr id="postCodeInternational" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Postcode (inter)nationaal
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="postcode" runat="server" HelpPlaatje="../../../img/help_small.jpg"
                                    FoutPlaatje="../../../img/validator_error.png" MaakHelp="false" Regel="05" TypeBericht="AW39"
                                    VeldCode="COD928_VEKT" CustomerRequiredFieldValidated="true" />
                            </td>
                        </tr>
                        <tr id="street" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Straatnaam
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="straatnaam" runat="server" HelpPlaatje="../../../img/help_small.jpg"
                                    FoutPlaatje="../../../img/validator_error.png" MaakHelp="false" Regel="05" TypeBericht="AW39"
                                    VeldCode="NAM018_NEN1" CustomerRequiredFieldValidated="true" />
                            </td>
                        </tr>
                        <tr id="location" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Woonplaats
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="woonplaats" runat="server" HelpPlaatje="../../../img/help_small.jpg"
                                    FoutPlaatje="../../../img/validator_error.png" MaakHelp="false" Regel="05" TypeBericht="AW39"
                                    VeldCode="NAM006_NEN1" CustomerRequiredFieldValidated="true" />
                            </td>
                        </tr>
                        <tr id="country" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Land
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="codeland" runat="server" HelpPlaatje="../../../img/help_small.jpg"
                                    MaakHelp="false" Regel="05" TypeBericht="AW39" VeldCode="COD032_NEN" VersieBericht="22" />
                            </td>
                        </tr>
                        <tr id="telephone" runat="server">
                            <td>
                            </td>
                            <td style="text-align: center">
                                Telefoonnummer 1
                            </td>
                            <td>
                                <cc1:EIformcontrol2 ID="telefoonnummer1" runat="server" HelpPlaatje="../../../img/help_small.jpg"
                                    Regel="05" TypeBericht="AW39" VeldCode="NUM302_NEN1" FoutPlaatje="../../../img/validator_error.png"
                                    MaakHelp="false" />
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </div>
            <!-- End -->
            <!-- Client info buttons -->
            <div id="clientInfo_div_buttons" style="padding: 30px">
                <table>
                    <tr>
                        <td style="width: 60%">
                            <asp:Button ID="clientInfo_btn_Cancel" runat="server" Text="Annuleren" CausesValidation="false"
                                OnClick="clientInfo_btn_Cancel_Click" OnClientClick="return confirm('Bij het verlaten van dit proces worden alle ingevulde gegevens verwijderd. Weet u zeker dat u door wilt gaan?')" />
                        </td>
                        <td style="width: 20%">
                            <asp:Button ID="clientInfo_btn_Previous" runat="server" Text="<< Vorige" CausesValidation="false"
                                OnClick="clientInfo_btn_Previous_Click" OnClientClick="return confirm('Indien u terug gaat naar stap 1, gaat de ingevoerde data in stap 2,3 en 4 verloren. Weet u zeker dat u door wilt gaan?')" />
                        </td>
                        <td style="width: 20%">
                            <asp:Button ID="clientInfo_btn_Next" runat="server" Text="Volgende >>" OnClick="clientInfo_btn_Next_Click"
                                OnClientClick="return validateNaam2()" />
                        </td>
                    </tr>
                </table>
            </div>
            <!-- End -->
        </asp:Panel>
        <!-- End -->
        <asp:ScriptManager ID="asm" runat="server" />
        <!-- Step 3 (Indication [Indicatie besluit] basic informations) -->
        <asp:Panel ID="Panel_Step3" runat="server" Visible="false">
            <%--<asp:UpdatePanel ID="updp_Step3"  runat="server">
                <ContentTemplate>
                    <asp:UpdateProgress ID="upl_Step3" runat="server" DisplayAfter="500">
                        <ProgressTemplate>
                            <div class="modalProgressBackground">
                            </div>
                            <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center;
                                z-index: 1000; background-color: Transparent">
                                <div style="width: 300px; margin: 100px auto; border: 1px solid Black; padding: 15px;
                                    background-color: White; text-align: center">
                                    <p>
                                        Bezig met laden ...</p>
                                    <br />
                                    <img alt="" src="../../../img/ajax-loader.gif" />
                                </div>
                            </div>
                        </ProgressTemplate>
                    </asp:UpdateProgress>--%>
            <div id="indication_div_details" style="padding: 10px">
                <fieldset id="indication_fieldset_description" style="width: 850px;">
                    <legend><font class="linkStandaardGroen"><strong>Stap 3 van 4</strong></font></legend>
                    <table class="ibtable" border="0">
                        <tr>
                            <td class="ibnametd">
                                BSN
                            </td>
                            <td class="ibvaluetd">
                                <asp:TextBox ID="txt_BSN" runat="server" Enabled="false"></asp:TextBox>
                            </td>
                            <td>
                            </td>
                            <td class="ibnametd">
                                <nobr>
                                        <label id="lbl_OfficeList" runat="server">
                                        </label>
                                        </nobr>
                            </td>
                            <td class="ibvaluetd">
                                <asp:DropDownList ID="ddl_Office" runat="server" CssClass="step3Control">
                                </asp:DropDownList>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Besluitnummer
                            </td>
                            <td>
                                <asp:DropDownList ID="ddl_besluitnummer" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddl_besluitnummer_SelectedIndexChanged">
                                </asp:DropDownList>
                                <asp:TextBox ID="txt_besluitnummer" runat="server" MaxLength="9"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RFV_Besluitnummer" Display="Dynamic" runat="server"
                                    ValidationGroup="mainIB" ControlToValidate="txt_besluitnummer" ToolTip="Besluitnummer is verplicht"><img  src ="../../../img/validator_error.png" alt =""/></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="REV_Besluitnummer" Display="Dynamic" runat="server"
                                    ValidationGroup="mainIB" ControlToValidate="txt_besluitnummer" ToolTip="Voer een geldige waarde in. Dit is een nummeriek veld "
                                    ValidationExpression="^[1-9]\d*$"><img  src ="../../../img/validator_error.png" alt =""/></asp:RegularExpressionValidator>
                            </td>
                            <td>
                            </td>
                            <td>
                                <label id="lbl_Aanvraagnummer" runat="server">
                                    Aanvraagnummer</label>
                            </td>
                            <td>
                                <asp:TextBox ID="txt_Aanvraagnummer" runat="server" MaxLength="9"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RFV_Aanvraagnummer" runat="server" ValidationGroup="mainIB"
                                    ControlToValidate="txt_Aanvraagnummer" ToolTip="Aanvraagnummer is verplicht"
                                    Display="Dynamic"><img  src ="../../../img/validator_error.png" alt =""/></asp:RequiredFieldValidator>
                                <asp:RegularExpressionValidator ID="REV_Aanvraagnummer" Display="Dynamic" runat="server"
                                    ValidationGroup="mainIB" ControlToValidate="txt_Aanvraagnummer" ToolTip="Dit is een numeriek veld. "
                                    ValidationExpression="^[1-9]\d*$"><img  src ="../../../img/validator_error.png" alt =""/></asp:RegularExpressionValidator>
                            </td>
                        </tr>
                        <tr>
                            <td class="ibnametd">
                                <nobr>Datum ontvangst</nobr>
                            </td>
                            <td>
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="WDC_ReceiveDate" runat="server" MaxLength="10"></asp:TextBox>
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="RFV_ReceiveDate" runat="server" ControlToValidate="WDC_ReceiveDate"
                                                ValidationGroup="mainIB" Display="Dynamic" ToolTip="Ontvangstdatum is verplicht">
                                            <img  src ="../../../img/validator_error.png" alt =""/></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td>
                            </td>
                            <td>
                                Datum afgifte
                            </td>
                            <td>
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="WDC_IndicationDate" runat="server" MaxLength="10"></asp:TextBox>
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="RFV_IndicationDate" runat="server" ControlToValidate="WDC_IndicationDate"
                                                ValidationGroup="mainIB" Display="Dynamic" ToolTip="Datum afgifte is verplicht">
                                            <img  src ="../../../img/validator_error.png" alt =""/></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Datum ingang
                            </td>
                            <td>
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="WDC_StartDate" runat="server" MaxLength="10"></asp:TextBox>
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="RFV_indiStartDate" runat="server" ControlToValidate="WDC_StartDate"
                                                ValidationGroup="mainIB" Display="Dynamic" ToolTip="Ingangsdatum is verplicht">
                                                        <img  src ="../../../img/validator_error.png" alt =""/></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td style="width: 16px;">
                            </td>
                            <td>
                                Datum einde
                            </td>
                            <td>
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="WDC_EndDate" runat="server" MaxLength="10"></asp:TextBox>
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="RFV_indiEndDate" runat="server" ControlToValidate="WDC_EndDate"
                                                ValidationGroup="mainIB" Display="Dynamic" ToolTip="Einddatum is verplicht">
                                            <img  src ="../../../img/validator_error.png" alt =""/></asp:RequiredFieldValidator>
                                            <asp:CompareValidator ID="CV_IndicationDate" runat="server" ControlToCompare="WDC_StartDate"
                                                ControlToValidate="WDC_EndDate" Display="Dynamic" ToolTip="De einddatum mag niet voor de begindatum liggen"
                                                ValidationGroup="mainIB" Operator="GreaterThanEqual" Type="Date">
                                            <img  src ="../../../img/validator_error.png" alt =""/></asp:CompareValidator>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                1e grondslag
                            </td>
                            <td>
                                <asp:DropDownList ID="ddl_1grondslag" runat="server" AutoPostBack="false" OnSelectedIndexChanged="ddl_1grondslag_SelectedIndexChanged"
                                    CssClass="step3Control">
                                </asp:DropDownList>
                            </td>
                            <td style="width: 16px;">
                            </td>
                            <td>
                                2e grondslag
                            </td>
                            <td>
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="ddl_2grondslag" runat="server" AutoPostBack="false" OnSelectedIndexChanged="ddl_2grondslag_SelectedIndexChanged"
                                                CssClass="step3Control">
                                            </asp:DropDownList>
                                        </td>
                                        <td>
                                            <asp:CompareValidator ID="CompareValidator_grondslag" runat="server" ControlToCompare="ddl_1grondslag"
                                                ControlToValidate="ddl_2grondslag" Display="Dynamic" ToolTip="De 2e grondslag Indien de differentiatie van 1e grondslag."
                                                ValidationGroup="mainIB" Operator="NotEqual" Type="String">
                                                        <img  src ="../../../img/validator_error.png" alt =""/></asp:CompareValidator>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td>
                            </td>
                            <td>
                            </td>
                            <td>
                            </td>
                            <td>
                                Volgtijdelijk?
                            </td>
                            <td>
                                <asp:CheckBox ID="chk_AdditionalZZPs" runat="server" AutoPostBack="false" CausesValidation="false" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                1e ZZP code
                            </td>
                            <td>
                                <asp:DropDownList ID="ddl_zzpCode" runat="server" AutoPostBack="false" AppendDataBoundItems="true"
                                    OnSelectedIndexChanged="ddl_zzpCode_SelectedIndexChanged" CssClass="step3Control">
                                </asp:DropDownList>
                            </td>
                            <td style="width: 16px;">
                            </td>
                            <td>
                                Leveringsvorm
                            </td>
                            <td>
                                <asp:DropDownList ID="ddl_ZZPType" runat="server" CssClass="step3Control" Enabled="false"
                                    AutoPostBack="false" OnSelectedIndexChanged="ddl_ZZPType_SelectedIndexChanged">
                                    <asp:ListItem Selected="True" Text="PGB" Value="2"></asp:ListItem>
                                    <asp:ListItem Text="ZIN" Value="4"></asp:ListItem>
                                </asp:DropDownList>
                            </td>
                        </tr>
                        <tr id="tr_1stZZPDates">
                            <td>
                                Datum ingang
                            </td>
                            <td>
                                <asp:Label ID="label_zzp1_startDate" runat="server"></asp:Label>
                            </td>
                            <td style="width: 16px;">
                            </td>
                            <td>
                                Datum einde
                            </td>
                            <td>
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="WDC_1stZZPEndDate" runat="server" MaxLength="10"></asp:TextBox>
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="RFV_1stZZPEndDate" runat="server" ControlToValidate="WDC_1stZZPEndDate"
                                                Display="Dynamic" ToolTip="Einddatum is verplicht" ValidationGroup="mainIB" EnableClientScript="true">
                                                <img src ="../../../img/validator_error.png" alt =""/></asp:RequiredFieldValidator>
                                            <asp:CompareValidator ID="CFV_1stZZPDate" runat="server" ControlToCompare="WDC_StartDate"
                                                ControlToValidate="WDC_1stZZPEndDate" Display="Dynamic" ToolTip="De einddatum mag niet voor de begindatum liggen"
                                                ValidationGroup="mainIB" Operator="GreaterThanEqual" Type="Date" EnableClientScript="true">
                                                <img src ="../../../img/validator_error.png" alt =""/></asp:CompareValidator>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr id="tr_2ndZZP">
                            <td>
                                2e ZZP code
                            </td>
                            <td>
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td>
                                            <asp:DropDownList ID="ddl_2ndZZPCode" runat="server" AutoPostBack="false" AppendDataBoundItems="true"
                                                OnSelectedIndexChanged="ddl_2ndZZPCode_SelectedIndexChanged" CssClass="step3Control">
                                            </asp:DropDownList>
                                        </td>
                                        <td>
                                            <asp:CompareValidator ID="CompareValidator_ZZPCode" runat="server" ControlToCompare="ddl_zzpCode"
                                                ControlToValidate="ddl_2ndZZPCode" Display="Dynamic" ToolTip="De 2e ZZP code Indien de differentiatie van 1e ZZP code."
                                                ValidationGroup="mainIB" Operator="NotEqual" Type="String">
                                                <img  src ="../../../img/validator_error.png" alt =""/></asp:CompareValidator>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td style="width: 16px;">
                            </td>
                            <td>
                                Leveringsvorm
                            </td>
                            <td>
                                <asp:DropDownList ID="ddl_2ndZZPType" runat="server" CssClass="step3Control" Enabled="false"
                                    AutoPostBack="false" OnSelectedIndexChanged="ddl_2ndZZPType_SelectedIndexChanged">
                                    <asp:ListItem Selected="True" Text="PGB" Value="2"></asp:ListItem>
                                    <asp:ListItem Text="ZIN" Value="4"></asp:ListItem>
                                </asp:DropDownList>
                            </td>
                        </tr>
                        <tr id="tr_2ndZZPDates">
                            <td>
                                Datum ingang
                            </td>
                            <td>
                                <table cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="WDC_2ndZZPStartDate" runat="server" MaxLength="10"></asp:TextBox>
                                        </td>
                                        <td>
                                            <asp:RequiredFieldValidator ID="RFV_2ndZZPStartDate" runat="server" ControlToValidate="WDC_2ndZZPStartDate"
                                                Display="Dynamic" ToolTip="Ingangsdatum is verplicht" ValidationGroup="mainIB" EnableClientScript="true">
                                                <img  src ="../../../img/validator_error.png" alt =""/></asp:RequiredFieldValidator>
                                            <asp:CompareValidator ID="CFV_2ndZZPStartDate" runat="server" ControlToCompare="WDC_EndDate"
                                                ControlToValidate="WDC_2ndZZPStartDate" Display="Dynamic" ToolTip="De einddatum mag niet voor de begindatum liggen"
                                                ValidationGroup="mainIB" Operator="LessThanEqual" Type="Date" EnableClientScript="true">
                                                <img  src ="../../../img/validator_error.png" alt =""/></asp:CompareValidator>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                            <td style="width: 16px;">
                            </td>
                            <td>
                                Datum einde
                            </td>
                            <td>
                                <asp:Label ID="label_zzp2_endDate" runat="server"></asp:Label>
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </div>
            <div>
                <asp:Literal ID="ltl_Info" runat="server"></asp:Literal>
            </div>
            <%--</ContentTemplate>
            </asp:UpdatePanel>--%>
            <%--<cc2:UpdatePanelAnimationExtender ID="upae_Step3" runat="server" TargetControlID="updp_Step3">
                <Animations>
                    <OnUpdated>
                        <FadeIn Duration="1.0" Fps="24" />
                    </OnUpdated>
                </Animations>
            </cc2:UpdatePanelAnimationExtender>--%>
            <div id="indication_div_buttons" style="padding: 30px">
                <table>
                    <tr>
                        <td style="width: 60%">
                            <asp:Button ID="indication_btn_Cancel" runat="server" Text="Annuleren" CausesValidation="false"
                                OnClick="indication_btn_Cancel_Click" OnClientClick="return confirm('Bij het verlaten van dit proces worden alle ingevulde gegevens verwijderd. Weet u zeker dat u door wilt gaan?')" />
                        </td>
                        <td style="width: 20%">
                            <asp:Button ID="indication_btn_Previous" runat="server" Text="<< Vorige" CausesValidation="false"
                                OnClick="indication_btn_Previous_Click" />
                        </td>
                        <td style="width: 20%">
                            <asp:Button ID="indication_btn_Next" runat="server" Text="Volgende >>" OnClick="indication_btn_Next_Click"
                                CausesValidation="true" ValidationGroup="mainIB" />
                            <asp:Button ID="btn_vltScdZZP" runat="server" Text="" CssClass="hidden" CausesValidation="true"
                                ValidationGroup="secondZZP" OnClick="btn_vltScdZZP_Click" />
                        </td>
                    </tr>
                </table>
            </div>
        </asp:Panel>
        <!-- End -->
        <!-- Step 4 (Functions [ZTWFunctie] basic informations) -->
        <asp:Panel ID="Panel_Step4" runat="server" Visible="false">
            <div id="functions_div_details" style="padding: 10px">
                <%--<asp:UpdatePanel ID="updp_Step4" runat="server">
                    <ContentTemplate>
                        <asp:UpdateProgress ID="upl_Step4" runat="server" DisplayAfter="500">
                            <ProgressTemplate>
                                <div class="modalProgressBackground">
                                </div>
                                <div style="position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center;
                                    z-index: 1000; background-color: Transparent">
                                    <div style="width: 300px; margin: 100px auto; border: 1px solid Black; padding: 15px;
                                        background-color: White; text-align: center">
                                        <p>
                                            Bezig met laden ...</p>
                                        <br />
                                        <img alt="" src="../../../img/ajax-loader.gif" />
                                    </div>
                                </div>
                            </ProgressTemplate>
                        </asp:UpdateProgress>--%>
                        <div style="list-style-type: none;">
                            <ul style="list-style-type: none;">
                                <li style="list-style-type: none;">
                                    <fieldset id="functions_fieldset_description" style="width: 800px;">
                                        <legend><font class="linkStandaardGroen"><strong>Stap 4 van 4</strong></font></legend>
                                        <!-- First ZZP Input fields -->
                                        <div>
                                            <div id="firstZZP_head" style="cursor: pointer; border: solid 1px black;" onclick="discontrol('firstFunctionPanel')"
                                                runat="server" visible="false">
                                                <strong>1st ZZP</strong>
                                            </div>
                                            <asp:Panel ID="firstFunctionPanel" runat="server">
                                                <table id="funcinputfields">
                                                    <tr>
                                                        <td>
                                                            Functie
                                                        </td>
                                                        <td colspan="2">
                                                            <asp:DropDownList ID="ddl_Functie" runat="server" DataValueField="Functie" AutoPostBack="true"
                                                                OnSelectedIndexChanged="ddl_Functie_SelectedIndexChanged">
                                                                <asp:ListItem Text="<null>" Value="NULL" Selected="true"></asp:ListItem>
                                                            </asp:DropDownList>
                                                        </td>
                                                        <td>
                                                            <asp:CheckBox ID="chk_Transport" runat="server" Visible="false" Text="Vervoer" />
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="funcstartdatetd">
                                                            Ingangsdatum
                                                        </td>
                                                        <td>
                                                            <asp:Label ID="lbl_indiStartDate" runat="server" CssClass="hidden"></asp:Label>
                                                            <asp:TextBox ID="jsTxt_FunctionStartDate" runat="server"></asp:TextBox>
                                                        </td>
                                                        <td>
                                                            Einddatum
                                                        </td>
                                                        <td>
                                                            <asp:Label ID="lbl_indiEndDate" runat="server" CssClass="hidden"></asp:Label>
                                                            <asp:TextBox ID="jsTxt_FunctionEndDate" runat="server"></asp:TextBox>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td id="vldStartdate" colspan="2">
                                                            <asp:CustomValidator ID="cstV_Ingangsdatum" runat="server" ToolTip="De ingangsdatum is overlappend met toegevoegde functies!"
                                                                Display="Dynamic" ControlToValidate="jsTxt_FunctionStartDate" ValidationGroup="firstZZP"
                                                                OnServerValidate="cstV_Ingangsdatum_ServerValidate">
                                                                <img src ="../../../img/validator_error.png" alt =""/>
                                                            </asp:CustomValidator>
                                                            <asp:RequiredFieldValidator ID="RFV_Ingangsdatum" runat="server" Display="Dynamic"
                                                                ValidationGroup="firstZZP" ControlToValidate="jsTxt_FunctionStartDate" ToolTip="Ingangsdatum is verplicht">
                                                                <img src ="../../../img/validator_error.png" alt =""/>
                                                            </asp:RequiredFieldValidator>
                                                            <asp:CompareValidator ID="CV_FunctionsDate" runat="server" Display="Dynamic" Type="Date"
                                                                ControlToCompare="jsTxt_FunctionStartDate" ControlToValidate="jsTxt_FunctionEndDate" Operator="GreaterThanEqual"
                                                                ValidationGroup="firstZZP" ToolTip="De einddatum mag niet voor de begindatum liggen">
                                                                <img src ="../../../img/validator_error.png" alt =""/>
                                                            </asp:CompareValidator>
                                                        </td>
                                                        <td id="vldEndate" colspan="2">
                                                            <asp:RequiredFieldValidator ID="RFV_Endiedatum" runat="server" Display="Dynamic"
                                                                ValidationGroup="firstZZP" ControlToValidate="jsTxt_FunctionEndDate" ToolTip="Einddatum is verplicht">
                                                                <img src ="../../../img/validator_error.png" alt =""/>
                                                            </asp:RequiredFieldValidator>
                                                            <asp:CustomValidator ID="cstV_Endiedatum" runat="server" ToolTip="Einddatum is overlappend met toegevoegde functies!"
                                                                Display="Dynamic" ValidationGroup="firstZZP" ControlToValidate="jsTxt_FunctionEndDate"
                                                                OnServerValidate="cstV_Endiedatum_ServerValidate">
                                                                <img src ="../../../img/validator_error.png" alt =""/>
                                                            </asp:CustomValidator>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Activiteit
                                                        </td>
                                                        <td>
                                                            <asp:DropDownList ID="ddl_Activiteit" runat="server" DataValueField="Activiteit"
                                                                CssClass="step4Control">
                                                                <asp:ListItem Text="<null>" Value="NULL" Selected="true"></asp:ListItem>
                                                            </asp:DropDownList>
                                                        </td>
                                                        <td>
                                                            Klasse
                                                        </td>
                                                        <td>
                                                            <asp:DropDownList ID="ddl_Klasse" runat="server" DataValueField="Klasse" CssClass="step4Control"
                                                                AutoPostBack="true" OnSelectedIndexChanged="ddl_Klasse_SelectedIndexChanged">
                                                                <asp:ListItem Text="<null>" Value="NULL" Selected="true"></asp:ListItem>
                                                            </asp:DropDownList>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="funcclasstd">
                                                            Leveringsvorm
                                                        </td>
                                                        <td>
                                                            <asp:DropDownList ID="ddl_IndicationType" runat="server" CssClass="step4Control">
                                                                <asp:ListItem Selected="True" Text="PGB" Value="2"></asp:ListItem>
                                                                <asp:ListItem Text="ZIN" Value="4"></asp:ListItem>
                                                            </asp:DropDownList>
                                                        </td>
                                                        <td class="funcclasstd">
                                                            <asp:Label ID="lbl_extraTime" runat="server" Text="Aantal(Additioneel)"></asp:Label>
                                                        </td>
                                                        <td>
                                                            <asp:TextBox ID="txt_Number" runat="server" Width="50px" MaxLength="2"></asp:TextBox>
                                                            <asp:DropDownList ID="ddl_timeUnit" runat="server" DataValueField="Tijdseenheid">
                                                                <asp:ListItem Text="Uren" Value="04" Selected="True"></asp:ListItem>
                                                                <asp:ListItem Text="Dagdelen" Value="13"></asp:ListItem>
                                                            </asp:DropDownList>
                                                            <%--<asp:RequiredFieldValidator ID="RFV_number" runat="server" Enabled="false" ControlToValidate="txt_Number"
                                                    ErrorMessage="Dit is een verplicht veld" Display="Dynamic" ValidationGroup="firstZZP"></asp:RequiredFieldValidator>--%>
                                                            <asp:RegularExpressionValidator ID="REV_number" Display="Dynamic" runat="server"
                                                                ControlToValidate="txt_Number" ToolTip="Dit is een numeriek veld. " ValidationExpression="^[1-9]\d*$"
                                                                Enabled="false" ValidationGroup="firstZZP">
                                                                <img src ="../../../img/validator_error.png" alt =""/>
                                                            </asp:RegularExpressionValidator>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <div style="text-align: right;">
                                                    <asp:Button ID="btn_AddFunc" runat="server" CausesValidation="true" ValidationGroup="firstZZP"
                                                        Text="Toevoegen" OnClick="btn_AddFunc_Click" />
                                                    <asp:Button ID="btn_UpdateFunc" runat="server" CausesValidation="true" ValidationGroup="firstZZP"
                                                        Text="Update" OnClick="btn_UpdateFunc_Click" Enabled="false" />
                                                    <asp:Button ID="btn_ResetSelected" runat="server" CausesValidation="false" Text="Ongedaan maken"
                                                        OnClick="btn_ResetSelected_Click" />
                                                </div>
                                            </asp:Panel>
                                        </div>
                                        <div style="height: 20px;">
                                        </div>
                                        <!-- End -->
                                        <!-- Second ZZP Input fields -->
                                        <!-- End -->
                                        <asp:HiddenField ID="HF_RowIndex" runat="server" />
                                        <asp:HiddenField ID="HF_ZZPID" runat="server" />
                                    </fieldset>
                                </li>
                                <li style="list-style-type: none;">
                                    <fieldset id="fs_FunctionsList" style="width: 800px;">
                                        <legend><font class="linkStandaardGroen"><strong>Toegevoegde functies</strong></font></legend>
                                        <!-- Functions' GridView -->
                                        <div id="gv_fields">
                                            <table class="headbackgroundBJZ" style="text-align: center;" cellpadding="0px" cellspacing="0px">
                                                <tr>
                                                    <td rowspan="2" style="width: 15px;">
                                                        &nbsp;
                                                    </td>
                                                    <td rowspan="2" class="funccodetd">
                                                        Functie
                                                    </td>
                                                    <td rowspan="2" class="funcactitd">
                                                        Activiteit
                                                    </td>
                                                    <td rowspan="2" class="funcclasstd">
                                                        Klasse
                                                    </td>
                                                    <td rowspan="2" class="funcstartdatetd">
                                                        Ingangsdatum
                                                    </td>
                                                    <td rowspan="2" class="funcenddatetd">
                                                        Einddatum
                                                    </td>
                                                    <td colspan="2">
                                                        Additioneel
                                                    </td>
                                                    <td rowspan="2" class="funcType">
                                                        Leveringsvorm
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="functimetd">
                                                        Aantal
                                                    </td>
                                                    <td class="functimeunittd">
                                                        Tijdseenheid
                                                    </td>
                                                </tr>
                                            </table>
                                            <asp:GridView ID="gv_Functions" runat="server" ShowFooter="True" AutoGenerateColumns="False"
                                                CssClass="funcGrid" AllowSorting="True" GridLines="None" CellPadding="0" OnRowDataBound="gv_Functions_RowDataBound"
                                                OnRowDeleting="gv_Functions_RowDeleting" OnSelectedIndexChanged="gv_Functions_SelectedIndexChanged"
                                                DataKeyNames="ZTWFunctieID">
                                                <EmptyDataTemplate>
                                                    <div>
                                                        Er zijn nog geen functies toegevoegd.</div>
                                                </EmptyDataTemplate>
                                                <HeaderStyle CssClass="hidden" />
                                                <FooterStyle CssClass="hidden" />
                                                <Columns>
                                                    <asp:TemplateField ShowHeader="False">
                                                        <ItemTemplate>
                                                            <asp:ImageButton ID="ImageButton1" runat="server" CausesValidation="False" CommandName="Delete"
                                                                ImageUrl="../../../img/close.gif" Text="Delete" OnClientClick="return confirm('Weet u zeker of u dit wilt verwijderen?');" />
                                                        </ItemTemplate>
                                                        <ControlStyle CssClass="funcGridDelete" />
                                                        <ItemStyle CssClass="funcGridDelete" />
                                                    </asp:TemplateField>
                                                    <asp:CommandField CausesValidation="false" ControlStyle-CssClass="funcGridSelect"
                                                        ItemStyle-CssClass="funcGridSelect" SelectText="" ShowSelectButton="true">
                                                        <ControlStyle CssClass="funcGridSelect" />
                                                        <ItemStyle CssClass="funcGridSelect" />
                                                    </asp:CommandField>
                                                    <asp:TemplateField HeaderText="Functie">
                                                        <ItemStyle CssClass="funccodetd" />
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_function" runat="server" Text='<%# Bind("ViewFunctionCode") %>'></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="Activiteit">
                                                        <ItemStyle CssClass="funcactitd" />
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_active" runat="server" Text='<%# Bind("ViewActivieCode") %>'></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="Klasse">
                                                        <ItemStyle CssClass="funcclasstd" />
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_class" runat="server" Text='<%# Bind("ViewKlassCode") %>'></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="Ingangsdatum">
                                                        <ItemStyle HorizontalAlign="Center" CssClass="funcstartdatetd" />
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_startDate" runat="server" Text='<%# Bind("ViewStartDate") %>'></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="Einddatum">
                                                        <ItemStyle HorizontalAlign="Center" CssClass="funcenddatetd" />
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_endDate" runat="server" Text='<%# Bind("ViewEndDate") %>'></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField>
                                                        <ItemStyle HorizontalAlign="Center" CssClass="functimetd" />
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_number" runat="server" Text='<%# Bind("AantalOmgvangOpslagKlasse") %>'></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField>
                                                        <ItemStyle CssClass="functimeunittd" />
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_timeUnit" runat="server" Text='<%# Bind("ViewTimeUnit") %>'></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:BoundField DataField="ViewLeveringsvorm" ItemStyle-CssClass="funcType" />
                                                    <asp:BoundField DataField="ViewFunctionCodeValue" ItemStyle-CssClass="hidden" />
                                                    <asp:BoundField DataField="ViewActivieCodeValue" ItemStyle-CssClass="hidden" />
                                                    <asp:BoundField DataField="ViewKlassCodeValue" ItemStyle-CssClass="hidden" />
                                                    <asp:BoundField DataField="GewensteStartdatum" ItemStyle-CssClass="hidden" />
                                                    <asp:BoundField DataField="GewensteEinddatum" ItemStyle-CssClass="hidden" />
                                                    <asp:BoundField DataField="FunctionZZPType" ItemStyle-CssClass="hidden" />
                                                    <asp:BoundField DataField="IndicatieVervoer" ItemStyle-CssClass="hidden" />
                                                    <asp:BoundField DataField="ZZPID" ItemStyle-CssClass="hidden" />
                                                </Columns>
                                            </asp:GridView>
                                        </div>
                                        <!-- End -->
                                    </fieldset>
                                </li>
                            </ul>
                        </div>
                    <%--</ContentTemplate>
                </asp:UpdatePanel>--%>
                <%--<cc2:UpdatePanelAnimationExtender ID="upae_Step4" runat="server" TargetControlID="updp_Step4">
                    <Animations>
                        <OnUpdated>
                            <FadeIn Duration="1.0" Fps="24" />
                        </OnUpdated>
                    </Animations>
                </cc2:UpdatePanelAnimationExtender>--%>
            </div>
            <div id="functions_div_buttons" style="padding: 30px">
                <table width="800px">
                    <tr>
                        <td style="width: 60%">
                            <asp:Button ID="functions_btn_Cancel" runat="server" Text="Annuleren" CausesValidation="false"
                                OnClick="functions_btn_Cancel_Click" OnClientClick="return confirm('Bij het verlaten van dit proces worden alle ingevulde gegevens verwijderd. Weet u zeker dat u door wilt gaan?')" />
                        </td>
                        <td style="width: 20%">
                            <asp:Button ID="functions_btn_Previous" runat="server" Text="<< Vorige" CausesValidation="false"
                                OnClick="functions_btn_Previous_Click" />
                        </td>
                        <td style="width: 20%">
                            <cc1:SubmitButton ID="btn_Save" runat="server" Text="Bevestig invoer" OnClick="btn_Save_Click" />
                        </td>
                    </tr>
                </table>
            </div>
        </asp:Panel>
        <!-- End -->
    </div>
    <!-- Modal Popup Page (Cancel button Options) -->
    <asp:Panel ID="ModalPanel1" runat="server" Visible="false" CssClass="modalPopup">
        <p>
            Are you sure that you wanna leave this page and abandon the inputs?
            <p style="text-align: center">
                <asp:Button ID="btn_Yes" runat="server" Text="Ja" OnClick="btn_Yes_Click" Width="100px" />
                <asp:Button ID="btn_No" runat="server" Text="Nee" OnClick="btn_No_Click" Width="100px" />
            </p>
        </p>
    </asp:Panel>
    <cc2:ModalPopupExtender ID="mpe" runat="server" PopupControlID="ModalPanel1" TargetControlID="clientInfo_btn_Cancel"
        Enabled="false" OkControlID="btn_Yes" CancelControlID="btn_No" BackgroundCssClass="modalBackground">
    </cc2:ModalPopupExtender>
    <!-- End -->
    <script language="javascript" type="text/javascript">
        function zzpCodeCheck() {
            if ($('#<%=ddl_zzpCode.ClientID %>').val() == "-1")
                $('#<%=ddl_ZZPType.ClientID %>').attr("disabled", "disabled");
            else
                $('#<%=ddl_ZZPType.ClientID %>').removeAttr('disabled');

            if ($('#<%= ddl_2ndZZPCode.ClientID %>').val() == "-1")
                $('#<%= ddl_2ndZZPType.ClientID %>').attr("disabled", "disabled");
            else
                $('#<%= ddl_2ndZZPType.ClientID %>').removeAttr('disabled');
        }

        function changedExternZZPVisiable() {
            //if ($get('<%= chk_AdditionalZZPs.ClientID%>').checked == true) {
            if($('#<%= chk_AdditionalZZPs.ClientID%>').is(":checked")) {
                //Show the additional tr of ZZP;
                $('#tr_1stZZPDates').removeClass('hidden');
                $('#tr_2ndZZP').removeClass('hidden');
                $('#tr_2ndZZPDates').removeClass('hidden');

                //Set the start date of first zzp and the end date of seconde zzp;
                $("#<%= label_zzp1_startDate.ClientID%>").text($('#<%= WDC_StartDate.ClientID %>').datepicker("getDate"));
                $("#<%= label_zzp2_endDate.ClientID%>").text($('#<%= WDC_EndDate.ClientID %>').datepicker("getDate"));

                //Remove the '[Geen]' option of zzp dropdownlist
                $("#<%= ddl_zzpCode.ClientID %> option[value='-1']").remove();
                $("#<%= ddl_2ndZZPCode.ClientID %> option[value='-1']").remove();

                //Set the validation of zzp dates
                ValidatorEnable(document.getElementById('<%= RFV_1stZZPEndDate.ClientID%>'), true);
                ValidatorEnable(document.getElementById('<%= CFV_1stZZPDate.ClientID%>'), true);
                ValidatorEnable(document.getElementById('<%= RFV_2ndZZPStartDate.ClientID%>'), true);
                ValidatorEnable(document.getElementById('<%= CFV_2ndZZPStartDate.ClientID%>'), true);
                ValidatorEnable(document.getElementById('<%= CompareValidator_ZZPCode.ClientID%>'), true);
            } else {
                $('#tr_1stZZPDates').addClass('hidden');
                $('#tr_2ndZZP').addClass('hidden');
                $('#tr_2ndZZPDates').addClass('hidden');

                $("#<%= ddl_zzpCode.ClientID %>").append($('<option></option>').val('-1').html('[Geen]'));
                $("#<%= ddl_2ndZZPCode.ClientID %>").append($('<option></option>').val('-1').html('[Geen]'));

                //Set the validation of zzp dates
                ValidatorEnable(document.getElementById('<%= RFV_1stZZPEndDate.ClientID%>'), false);
                ValidatorEnable(document.getElementById('<%= CFV_1stZZPDate.ClientID%>'), false);
                ValidatorEnable(document.getElementById('<%= RFV_2ndZZPStartDate.ClientID%>'), false);
                ValidatorEnable(document.getElementById('<%= CFV_2ndZZPStartDate.ClientID%>'), false);
                ValidatorEnable(document.getElementById('<%= CompareValidator_ZZPCode.ClientID%>'), false);
            }
        }

        function InitiIndicationDates() {
            $('#<%= Geboortedatum.ClientID%>').datepicker({
                regional: 'nl',
                dateFormat: 'dd-mm-yy',
                yearRange: 'c-130:c+130',
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                maxDate: '+0m +0w'
            });

            $('#<%= WDC_ReceiveDate.ClientID %>').datepicker({
                regional: 'nl',
                dateFormat: 'dd-mm-yy',
                yearRange: 'c-130',
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                maxDate: '+0m +0w'
            });

            $('#<%= WDC_IndicationDate.ClientID %>').datepicker({
                regional: 'nl',
                dateFormat: 'dd-mm-yy',
                yearRange: 'c-130',
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                maxDate: '+0m +0w'
            });

            $('#<%= WDC_StartDate.ClientID %>').datepicker({
                regional: 'nl',
                dateFormat: 'dd-mm-yy',
                yearRange: 'c-130:c+130',
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                onSelect: function (dateText, inst) {
                    $("#<%= label_zzp1_startDate.ClientID%>").text(dateText);
                    this.fireEvent && this.fireEvent('onchange') || $(this).change();
                }
            });

            $('#<%= WDC_EndDate.ClientID %>').datepicker({
                regional: 'nl',
                dateFormat: 'dd-mm-yy',
                yearRange: 'c-130:c+130',
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                onSelect: function (dateText, inst) {
                    $("#<%= label_zzp2_endDate.ClientID%>").text(dateText);
                    this.fireEvent && this.fireEvent('onchange') || $(this).change();
                }
            });

            $('#<%= WDC_1stZZPEndDate.ClientID %>').datepicker({
                regional: 'nl',
                dateFormat: 'dd-mm-yy',
                yearRange: 'c-130:c+130',
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                onSelect: function (dateText, inst) {
                    var sourceInp = $('#<%= WDC_1stZZPEndDate.ClientID %>');
                    var targetInp = $('#<%= WDC_2ndZZPStartDate.ClientID %>');
                    var gdate = sourceInp.datepicker("getDate");

                    gdate.setDate(gdate.getDate() + 1);
                    targetInp.datepicker("setDate", gdate);

                    this.fireEvent && this.fireEvent('onchange') || $(this).change();
                }
            });

            $('#<%= WDC_2ndZZPStartDate.ClientID %>').datepicker({
                regional: 'nl',
                dateFormat: 'dd-mm-yy',
                yearRange: 'c-130:c+130',
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                onSelect: function (dateText, inst) {
                    var sourceInp = $('#<%= WDC_2ndZZPStartDate.ClientID %>');
                    var targetInp = $('#<%= WDC_1stZZPEndDate.ClientID %>');
                    var gdate = sourceInp.datepicker("getDate");

                    gdate.setDate(gdate.getDate() + (-1));
                    targetInp.datepicker("setDate", gdate);

                    this.fireEvent && this.fireEvent('onchange') || $(this).change();
                }
            });

            $('#<%= jsTxt_FunctionStartDate.ClientID %>').datepicker({
                regional: 'nl',
                dateFormat: 'dd-mm-yy',
                yearRange: 'c-130:c+130',
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                minDate: $('#<%= lbl_indiStartDate.ClientID %>').text(),
                maxDate: $('#<%= lbl_indiEndDate.ClientID %>').text()
            });

            $('#<%= jsTxt_FunctionEndDate.ClientID %>').datepicker({
                regional: 'nl',
                dateFormat: 'dd-mm-yy',
                yearRange: 'c-130:c+130',
                changeYear: true,
                changeMonth: true,
                showButtonPanel: true,
                minDate: $('#<%= lbl_indiStartDate.ClientID %>').text(),
                maxDate: $('#<%= lbl_indiEndDate.ClientID %>').text()
            });
        }

        $(document).ready(function () {
            InitiIndicationDates();
            changedExternZZPVisiable();

            $('#<%= Panel_Step3.ClientID %>').change(function () {
                zzpCodeCheck();
            });

            $('#<%= chk_AdditionalZZPs.ClientID%>').change(function () {
                changedExternZZPVisiable();
            });

            $('#<%= ddl_zzpCode.ClientID %>').change(function () {
                if ($('#<%= ddl_zzpCode.ClientID %>').val() == "-1")
                    $('#<%= ddl_ZZPType.ClientID %>').attr("disabled", "disabled");
                else
                    $('#<%= ddl_ZZPType.ClientID %>').removeAttr('disabled');
            });

            $('#<%= ddl_2ndZZPCode.ClientID %>').change(function () {
                if ($('#<%= ddl_2ndZZPCode.ClientID %>').val() == "-1")
                    $('#<%= ddl_2ndZZPType.ClientID %>').attr("disabled", "disabled");
                else
                    $('#<%= ddl_2ndZZPType.ClientID %>').removeAttr('disabled');
            });
        });
        
    </script>
    </form>
</body>
</html>
